import { Component, ViewChild } from '@angular/core';
import { Myc03Component } from './myc03/myc03.component';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  title = 'pro1';
  show1 = true;
  // @ViewChild查看子组件中#myc03的那个,ts语言的特征静态类型分析，要给myc03类型
  @ViewChild('myc03') myc03!: Myc03Component;
  msg: any;
  change() {
    //拿到子组件的索引
    console.log(this.myc03);
    // 修改子组件的属性
    this.myc03.name = '这是第一个';
    this.myc03.age += 10;
    this.myc03.show();

  }
  mg: any = '';
  // 在父组件中创建一个方法
  show(msg: any) {
    console.log('msg:', msg);
    this.mg = msg;
  }
}
